// 渲染页面
function showPage(data){
    var content=''
    for(var i=0;i<data.length;i++){
        console.log(i);
        content+=`
        <li class="img-ul-li">
        <img
          class="img-ul-li-img loading"
          data-src="${data[i]. goods_thumb}"
        />
        <!-- 红心关注 -->
        <div class="brand_attention">
          <div class="brand_attention_img">
            <img
              src="${data[i].goods_logo}"
              alt=""
            />
          </div>
          <div class="brand_attention_hert">
            <span class="iconfont">&#xe607;</span>&nbsp;关注
          </div>
        </div>
        <div class="brand_desc">
          <h3>品牌描述</h3>
          <p>暂无描述</p>
        </div>
        <div class="mask1"></div>
        <!-- 最后文字 -->
        <div class="slogan">${data[i].good_name}</div>
      </li>
        `
    }
    console.log($('.img-ul'));
    $('.img-ul').html(content)

    // 懒加载模块
var imgLazyLoad = $("#img-x").imgLazyLoad({
    width: 290,
    height: 455,
    imgCallback: function () {
      // console.log(this);
    },
    callback: function () {
      console.log(this);
    },
    // scrollTrigger: false
  },3000);




$('.img-ul-li').hover(function(){
  //   蒙版
    $(this).children('.mask1').stop().animate({
        height:240,
    })
    // 文字上移动
    $(this).children('.brand_desc').stop().animate({
      top:85,
  })
  // 边框颜色
  $(this).css('border','#8c8c8c 6px solid')
},function(){
  //   蒙版
    $(this).children('.mask1').stop().animate({
        height:0,
    })
    // 文字上移动
    $(this).children('.brand_desc').stop().animate({
      top:500,
  })
  // 返回顶部
  $(this).css('border',"#e4e4e4 6px solid")
})



// 返回顶部
var tartgetEleTop=$('.brand_goods').offset().top;
$(window).scroll(function(){
    if($(window).scrollTop()>=tartgetEleTop){
        $('.return-top').fadeIn(600)
    }else{
        $('.return-top').fadeOut(600)
    }
})

$('.return-top').click(function(){
    $('html').animate({
        scrollTop:0
    },1000)
})

}
showPage(allData.brandData.main[0])
//内容切换
$('.brand-cate').children('a').click(function(){
    var index=$(this).index()
    console.log(index);
    // $('.img-ul').eq(index).show().siblings().hide()
    showPage(allData.brandData.main[$(this).index()])

})



// 公共样式修改
// 公共样式修改
var  timer;
$('.categorysleft').hover(function(){
    $('.menu_bottom').css('display','block')
   
  },function(){
    $('.menu_bottom').css('display','none')
    
  }) 
  $('.menu_bottom').hover(function(){

    $('.menu_bottom').css('display','block')
   
  },function(){
    $('.menu_bottom').css('display','none');
  })
  